<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件处理函数</title>
</head>
<body>
<!--
事件处理函数返回值：

    1. 在元素标签上绑定事件

        <a onclick="return a()"></a>

        事件处理函数： 	function(){
                         return a()   }

    2. 在元素对象上绑定事件

        元素对象.事件 = bbb

        事件处理函数：	function bbb(){
                        return 结果
                    }
-->
    <a href="http://www.baidu.com" onclick="return a()">删除1</a>
    <a id="ahref" href="http://www.baidu.com">删除2</a>

    <script type="text/javascript">

        //需求；点击删除按钮，弹出一个提示框，
        // 如果点击是确定按钮，执行浏览器默认行为：
        // 否则： 阻止浏览器默认行为

        //第一种，在a标签上绑定事件
        function a() {
            //弹出提示框
            var result = confirm("是否删除数据？");
            //判断result，阻止浏览器默认行为(默认跳转，为true)
            if(!result){
                return false;
            }
        }

        //第二种，在元素对象上绑定事件
        var ahref = document.getElementById("ahref");
        ahref.onclick = function () {
            //弹出提示框
            var result = confirm("是否删除数据？");
            //也就是确定删除，就跳转
            //判断result，阻止浏览器默认行为
            if(!result){
                return false;
            }
        }


    </script>

</body>
</html>